<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/chexixiaji.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<span class="mui-icon mui-icon-arrowleft sp5"></span>
		    <h1 class="mui-title">上海大众 POLO</h1>
		    <span class="gouwuche">
		    	<i class="iconfont icon-gouwuche"></i>
		    </span>
		</header>
		
		<!--  底部导航栏     -->
		<nav id="nav" class="mui-bar mui-bar-tab">
		    <a href="../index.html" class="mui-tab-item">
		        <span class="mui-icon iconfont icon-shouyeshouyeactive"></span><br>
		        <span class="mui-tab-label">首页</span>
		    </a>
		    <a href="chazhao.html" class="mui-tab-item">
		        <span class="mui-icon iconfont icon-chazhao"></span><br>
		        <span class="mui-tab-label">查找</span>
		    </a>
		    <a href="" class="mui-tab-item mui-active">
		        <span class="mui-icon iconfont icon-qiche"></span><br>
		        <span class="mui-tab-label">车型</span>
		    </a>
		    <a href="zixun.html" class="mui-tab-item">
		        <span class="mui-icon iconfont icon-xinwen-copy"></span><br>
		        <span class="mui-tab-label">集团资讯</span>
		    </a>
		    <a href="me.html" class="mui-tab-item">
		        <span class="mui-icon iconfont icon-wo"></span><br>
		        <span class="mui-tab-label">我的</span>
		    </a>
		</nav>
		
		<!--  主题内容组件     -->
		<div class="mui-content">
			<!-- div选项卡      -->
			<ul class="mui-table-view uls"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	上海大众 POLO Cross POLO
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>2016款  1.4L 五档手动</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	上海大众 POLO GTI
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	上海大众 POLO 劲取
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	上海大众 POLO 三厢
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		   <ul class="mui-table-view"> 
		        <li class="mui-table-view-cell mui-collapse">
		            <a class="mui-navigate-right as" href="#">
		            	上海大众 POLO 两厢
		            </a>
		            <div class="mui-collapse-content all_content">
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		                <div class="xiangxi">
		                	<div class="xiangxi_one">
		                		<a>上海大众 POLO</a>
		                	</div>
		                	<div class="xiangxi_two">
		                		<a>途安</a>
		                	</div>
		                </div>
		            </div>
		        </li>
		   </ul>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			nav_tab();
    	
	    	//底部导航栏点击跳转页面函数
	    	function nav_tab(){
	    		var nav = document.getElementById("nav");
		    	var nav_tab = nav.getElementsByClassName("mui-tab-item");
		    	for(var i=0;i<nav_tab.length;i++){
		    		(function(x){
		    			nav_tab[x].addEventListener('tap',function(){
					        window.location.href = this.href;
					    });
		    		})(i)
		    	}
	    	}
		</script>
	</body>

</html>
